<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/zouxiuwang_2.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
	</head>
	<body>
		<header><span>走秀首页</span></header>
		<!--<div class="lunbo">
			<img src="img/SK-II.png"/>
		</div>
		-->
		<div class="swiper-container lunbo">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="img/SK-II.png"/></div>
           <div class="swiper-slide"><img src="img/SK-II.png"/></div>
            <div class="swiper-slide"><img src="img/SK-II.png"/></div>
            <div class="swiper-slide"><img src="img/SK-II.png"/></div>
          
        </div>
        <div class="swiper-pagination"></div>
         <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>

		
		
		
		
		<nav><span>热门品牌</span></nav>
		<div class="wrap">
			<div class="shang">
				<dl>
					<dd><h1>FENDI</h1></dd>
					<dd>芬迪<p>芬迪新品上线</p></dd>
					<dd><span>1.8折</span></dd>
				</dl>
			</div>
			<div class="zhong">
				<dl>
					<dd>
						<h1>D2C</h1>
					</dd>
					<dd>芬迪<p>芬迪精品上线</p></dd>
					<dd><span>1.8折</span></dd>
				</dl>
			</div>
			<div class="xia">
				<dl>
					<dd>
						<h3>SWAROVSKI</h3>
					</dd>
					<dd>芬迪<p>芬迪精品上线</p></dd>
					<dd><span>1.8折</span></dd>
				</dl>
			</div>
		</div>
		<footer>
			<ul>
				<li class="sy">
					<img src="img/shouye.png"/>
					<a href="#">首页</a>
				</li>
				<li class="serch">
					<img src="img/sousuo.png"/>
					<a href="#">搜索</a>
				</li>
				<li class="show">
					<img src="img/wodexiu.png"/>
					<a href="#">我的秀</a>
				</li>
				<li class="shop">
					<img src="img/gouwuche.png"/>
					<a href="#">购物车</a>
				</li>
				<li class="much">
					<img src="img/gengduo.png"/>
					<a href="#">更多</a>
				</li>
			</ul>
		</footer>
		
		
		<script src="js/jquery-1.11.2.min.js"></script>
		<script src="js/swiper.jquery.min.js"></script>
		<script>
			$(function(){
		  var swiper = new Swiper('.swiper-container',{
    	         pagination : '.swiper-pagination',
//  	         loop : true,
    	         paginationClickable: true,
//		        spaceBetween: 30,
				nextButton: '.swiper-button-next',
				prevButton: '.swiper-button-prev',
		        centeredSlides: true,
		        autoplay: 2500,
		        autoplayDisableOnInteraction: false
   	 });
				// 轮播插件
			
			
			$('.sy').click(function(){
					location.href = "zouxiuwang_2.html";
			})
			$('.serch').click(function(){
					location.href = "09.html";
			})
			$('.show').click(function(){
					location.href = "html/5.html";
			})
			$('.shop').click(function(){
					location.href = "html/7.html";
			})
			$('.much').click(function(){
					location.href = "13.html";
			})
				
			})
		</script>
	</body>
</html>
